前言

前端工程師的面試主要以技術面試與行為面試為主，其中技術面試與 Javascript、前端框架為主，考的方式通常是口頭技術問答或上機考、筆試，跟其他軟體工程師準備技術面試不同的是：前端考 leetcode 的比例較低，當然想進好一點的公司還是得刷。

今年的文章會以準備前端面試技術題為主，一天一題前端面試題，藉由此次鐵人賽的機會好好把觀念從頭複習。

前端面試題準備資源

前端面試刷題：

• Bigfrontend
  題目涵蓋 Javascript,css,react,typescript...等還非常多種的題型，大推！

• GreatFrontEnd
  部分功能需要付費，但一樣也是涵蓋多種類型的前端面試題

• ExplainThis

React

• Zet大大寫的React 思維進化：一次打破常見的觀念誤解，躍升專業前端開發者
  熟讀完絕對可以讓你從容回答 React 的面試題，大推！

• Deeper Dive Into React

leetcode:

Grind75
這個網站會根據你的自身需求挑出在 leetcode 中必做的資料結構演算法題目

大綱

這次練習的題目主要是 JavaScript 跟 React，題目的來源我是根據 GreatFrontEnd 中標示為 high 的面試題為主，加上一些自己最近在面試中真實遇到的題目。

1. 請說明 JavaScript 中的 hosting 是什麼？
2. 請說明 JavaScript 中 let, var , const 的差異為何?
3. 請說明 JavaScript 中 == 和 === 的差異為何?
4. 請說明 JavaScript 中的事件循環 event loop 是什麼?
5. 請說明 JavaScript 中的事件委託 event delegation 是什麼?
6. 請說明 this 如何在 JavaScript 中運作？
7. 請描述 cookie, sessionStorage 和 localStorage 在瀏覽器中的差異為何？
8. 請描述 <script>, <script async> 和 <script defer>的差異為何？
9. 請描述 JavaScript 中 null, undefined 和 undeclared 的差異為何？
10. 請說明 JavaScript 中.call 和 .apply 的差異為何？
11. 請說明 closure 閉包是什麼？如何應用？
12. 請描述原型繼承如何在 JavaScript 運作中？
13. 請說明Map/Set和WeakMap/WeakSet之間的差別是什麼？
14. 請說明 JavaScript 中 同步 synchronous 與非同步 asynchronous 的差異是什麼？
15. JavaScript 的匿名函式有哪些應用場景？
16. 淺複製 shallow copy 是什麼? 如何實踐?
17. 深複製 deep copy 是什麼? 如何實踐?
18. jsx 是什麼？瀏覽器可以直接執行嗎？
19. VRITAUL DOM 是什麼？
20. React 中從呼叫 setState 到瀏覽器畫面真的發生改變，中間的流程發生了什麼事情？
21. React 的 useEffect 是什麼？如何使用？
22. React 的 useCallback 是什麼？使用情境為何？
23. React 的 useRef 是什麼？如何使用？
24. React 的 useMemo 是什麼？使用情境為何？
25. React componet 的生命週期
26. React 中 useEffect dependancy 空陣列、陣列有 state、不傳入 dependancy 三種情境下，useEffect觸發的時機為何？
27. React 中 useContext 跟 redux 的差異？什麼情況用哪一種？
28. React hook 跟 class 差別是什麼？
29. Typscript 中什麼時候用 interface 什麼時候用 type ?

這次因為太忙沒來得及先囤一些文章，接下來就只好過著每天壓死線的日子了，希望我可以擠得出時間並且可以堅持到完賽><